<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>-->
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
		<link rel="stylesheet" href="aboutus.css" />
		<link rel="stylesheet" type="text/css" href="../css/head.css"/>
		
		
	</head>
	<body>
		<div class="container">
			<header>
		<div class="header_top">
			<div class="header_log">
				<img src="../img/logo.png" alt="图片不在了">
			</div>
			
			<ul>
				<li id="product"><a href="">产品<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="help"><a href="">帮助中心<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="cooperation"><a href="">合作<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="news"><a href="../news/news.html">新闻</a></li>
				<li id="about-us"><a href="../aboutus/aboutus.html">关于我们</a></li>
				<li class="navright" id="language"><a href="">语言<i class="icon iconfont">&#xe60a;</i></a></li>
				<li class="navright" id="login"><a href="">登录<i class="icon iconfont">&#xe60a;</i></a></li>
			</ul>
		
		</div>
		<div id="language-block" class="language-updown">
		</div>
		<div id="language-style" class="language-updown">
			<a href="" style="text-decoration: none;"><p>English</p></a>
			<a href="" style="text-decoration: none;"><p>中文</p></a>
		</div>
		
		<div id="login-block" class="login-updown">
		</div>
		<div id="login-style" class="login-updown">
			<a href="" style="text-decoration: none;"><p>登录</p></a>
			<a href="" style="text-decoration: none;"><p>忘记密码</p></a>
		</div>
		
		<div id="product-block" class="product-updown">
		</div>
		<div id="product-block-img" class="product-updown">
			<img src="../img/boke1.jpg"/>
			<img src="../img/banner_sdeno.png"/>
			<img src="../img/slide-01.jpg"/>
		</div>
		<div id="product-block-hover" class="product-updown">
			<a href="../product/product-littlemi.html"><div>小觅防丢器</div></a>	
			<a href="../product/product-robot.html"><div>小觅机器人</div></a>
			<a href="../product/product-life.html"><div>私生活app</div></a>
		</div>
		<div id="help-block"  class="help-updown">
			
		</div>
		<div id="help-block-img"  class="help-updown">
			<img src="../img/boke1.jpg"/>
		</div>
		<div id="help-block-hover"  class="help-updown">
			<a href="../helps/helps.html"><div>小觅常见问题</div></a>	
		</div>
		<div id="cooperation-block" class="cooperation-updown">
			
		</div>
		<div id="cooperation-block-img" class="cooperation-updown">
			<img src="../img/sdk_slide.jpg"/>
			<img src="../img/solution_slide.jpg"/>
			<img src="../img/gift_mynt_light.png"/>
		</div>
		<div id="cooperation-block-hover" class="cooperation-updown">
			<a href="../cooperate/developer.html"><div>开发者方案</div></a>
			<a href="../cooperate/solution.html"><div>防丢产品解决方案</div></a>
			<a href="../cooperate/customize.html"><div>企业礼品定制</div></a>
		</div>
	</header>
<!----------logo-->
			<div class="about_banner">
				<div class="banner_con">
					<div class="img">
						<img src="../img/company_name.png"/>
					</div>
				</div>
			</div>
<!--用顶尖技术成就卓越体验-->	
			<div class="text_intro">
				<div class="intro_con">
					<h1>用顶尖技术成就卓越体验</h1>
					<h3>我们是一个专注于智能穿戴式设备及智能家居产品的硅谷创业公司。致力于通过深度融合硬件、软件和云端服务，打造绝佳的产品体验。为此必须全力以赴做到最好。</h3>
				</div>
			</div>
<!------------多图块-->
			<div class="company_env"></div>
<!--我们的核心团队-->
			<div class="our_coreteam">
				<div class="core_conta">
					<h1>我们的核心团队</h1>
					<ul id="teamTab">
						<li  class="current">
							<div class="mask_t mask">
								<div class="mask_m mask">
									<h2>庞琳勇</h2>
									<h3>CEO</h3>
								</div>
							</div>
							<div class="mask_b mask">
								
							</div>
						</li>
						<li>
							<div class="mask_t mask">
								<div class="mask_m mask">
									<h2>朱刚</h2>
									<h3>首席产品官</h3>
								</div>
							</div>
							<div class="mask_b mask">
								
							</div>
						</li>
						<li>
							<div class="mask_t mask">
								<div class="mask_m mask">
									<h2>杨瑞翾</h2>
									<h3>中国区总经理</h3>
								</div>
							</div>
							<div class="mask_b mask">
								
							</div>
						</li>
						<li>
							<div class="mask_t mask">
								<div class="mask_m mask">
									<h2>樊荣丽</h2>
									<h3>硬件副总裁</h3>
								</div>
							</div>
							<div class="mask_b mask">
								
							</div>
						</li>
						<li>
							<div class="mask_t mask">
								<div class="mask_m mask">
									<h2>苏洪海</h2>
									<h3>生产副总裁</h3>
								</div>
							</div>
							<div class="mask_b mask">
								
							</div>
						</li>
						<li>
							<div class="mask_t mask">
								<div class="mask_m mask">
									<h2>Eli教授</h2>
									<h3>首席顾问</h3>
								</div>
							</div>
							<div class="mask_b mask">
								
							</div>
						</li>
						
					</ul>
					<div class="tabCon">
						<div class="show">
							<figure><img src="../img/team_mem_pang.jpg"/></figure>
							<section>
								<h3>庞琳勇</h3>
								<h4>CEO</h4>
								<p>硅谷创业家，企业家，资深职业经理人。<br>美国斯坦福大学机械工程博士和计算机硕士双学位，14年硅谷创业，NASDAQ上市，和公司行政管理经验， 中国国际半导体会议（CSTIC）分会主席，97年度斯坦福大学中国学生学者联谊会主席，拥有31项专利，还有25项待批，有65篇论文在国际刊物和会议上发表。</p>
							</section>
						</div>
						<div>
							<figure><img src="../img/team_mem_zhu.jpg"/></figure>
							<section>
								<h3>朱刚</h3>
								<h4>首席产品官</h4>
								<p>设计高级经理、资深用户体验设计师。<br>具有7年用户体验设计经验，曾就职于Motorola、MTK、联想等国际大型企业，拥有丰富的大型手机操作系统、Web端软件管理平台项目的设计、管理经验。有一定开发经验，知识面涉及经济学、管理学、心理学等，能够多维因素一体化地进行产品设计。</p>
							</section>
						</div>
						<div>
							<figure><img src="../img/team_mem_yang.jpg"/></figure>
							<section>
								<h3>杨瑞翾</h3>
								<h4>中国区总经理</h4>
								<p>软件架构师、资深研发工程师。<br>具有多年系统架构经验和移动互联网产品研发经验。经验涉及企业及应用开发、移动应用开发、互联网产品研发等领域。并拥有多年项目管理和团队管理经验。</p>
							</section>
						</div>
						<div>
							<figure><img src="../img/team_mem_fan.jpg"/></figure>
							<section>
								<h3>樊蓉丽</h3>
								<h4>硬件副总裁</h4>
								<p>高级经理，资深结构设计工程师。<br>具有16年产品设计经验，曾就职于Motorola、NOKIA等国际大型企业，曾担任Motorola产品和结构团队经理。拥有丰富的结构设计，团队管理，项目管理经验。</p>
							</section>
						</div>
						<div>
							<figure><img src="../img/team_mem_su.jpg"/></figure>
							<section>
								<h3>苏红海</h3>
								<h4>生产副总裁</h4>
								<p>高级经理，资深结构设计工程师。<br>具有14年产品设计经验，曾就职于Motorola、LG等国际大型企业，曾担任Motorola产品和结构团队经理。拥有丰富的结构设计，团队管理，项目管理经验。</p>
							</section>
						</div>
						<div>
							<figure><img src="../img/team_mem_eli.jpg"/></figure>
							<section>
								<h3>Eli教授</h3>
								<h4>首席顾问</h4>
								<p>美国三院院士 Berkely大学教授。<br>美国国家工程院、美国国家科学院以及美国人文与科学学院三重院士。</p>
							</section>
						</div>	
					</div>
				</div>
			</div>
<!----------投资人----------->
			<div class="investor">
				<h1>投资人</h1>
				<div class="investor_conta">
					<div class="inv_yang">
						<div class="yang_img"></div>
						<section class="yang_text inver_text">
							<h3>杨宁</h3>
							<h4>天使投资人</h4>
							<p>乐搏资本创始合伙人，空中网总裁兼首席技术官，2006年带领空中网在NASDAQ上市，成为最年轻的上市公司CEO。<br>ChinaRen创始人。<br>中国青年天使会创始会长。<br>美国斯坦福大学硕士。</p>
						</section>
					</div>
					<div class="inv_xu">
						<section class="xu_text inver_text">
							<h3>徐小平</h3>
							<h4>天使投资人</h4>
							<p>新东方创始人。<br>著名留学、签证、职业规划和人生发展咨询专家。<br>现创“真格”天使投资基金。<br>曾任新东方教育科技集团董事、新东方文化发展研究院院长。是新东方留学、签证、出国咨询事业的创始人和过来人独立董事。</p>
						</section>
						<div class="xu_img"></div>
					</div>
				</div>
			</div>
<!---------联系我们--------------->
			<div class="contact_us">
				<h1>联系我们</h1>
				<div class="map">	
					<div class="locat_USA">
						<div class="location"></div>
						<h3>Silicon Valley,USA</h3>
						<div class="detail">
							<ul>
								<li><span class="add"></span><a class="usa" href=""><p>Silicon Valley Headquarter：97 E.Brokaw Ave，Suite 210，San Jose，CA 95112</p></a></li>
								<li><span class="face"></span><a href="https://www.facebook.com/slightech">Follow us on Facebook</a></li>
								<li><span class="tw"></span><a href="https://twitter.com/Slightech">Follow us on Twitter</a>
	
</li>
							</ul>
						</div>
					</div>
					<div class="locat_wuxi">
						<div class="location"><img src="../img/about_gray_icon@2x.png"/></div>
						<h3>无锡,中国</h3>
						<div class="detail">
							<ul>
								<li><span class="add"></span><a class="wuxi" href=""><p>无锡市新区新安路与菱湖大道交汇处，530大厦C座602，邮编：214135</p></a></li>
								<li><span class="tel"></span>+86 0510-81156602</li>
								<li><span class="weibo"></span><a href="https://weibo.com/slightech">关注我们的微博</a></li>
								<li class="ew"><span class="wechat"></span>关注我们的微信公众号<img src="https://static.slightech.com/img/ew.jpg"></li>
							</ul>
						</div>
					</div>
					<div class="locat_beijing">
						<div class="location"></div>
						<h3>北京,中国</h3>
						<div class="detail">
							<ul>
								<li class="hi"><span class="add"></span><a class="beijing" href=""><p>北京市海淀区西二旗辉煌国际大厦5号楼2004室，邮编：100085</p></a></li>
								<li><span class="tel"></span>+86 0510-81156602</li>
								<li><span class="weibo"></span><a href="https://weibo.com/slightech">关注我们的微博</a></li>
								<li class="ew"><span class="wechat"></span>关注我们的微信公众号<img src="https://static.slightech.com/img/ew.jpg"></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
<!---------寄邮件---------->
			<div class="send_letter">
				<div class="mask">
					<h2>期待你的来信</h2>
					<img src="../img/mail_icon.png"/>
				</div>	
			</div>
			<div id="cover"></div>
			<div id="emailinfo">
		<div><span>期待你的来信</span></div>
		<div>
			<form action="../news/news.html" method="get" >
				<table>
					<tr >
						<td>
							<font color="red">*</font>必要信息
						</td>	
					</tr>
					<tr >
						<td>
							姓名<font color="red">*</font>
						</td>
						<td>
							电子邮箱<font color="red">*</font>
						</td>	
					</tr>
					<tr >
						<th>
							<input type="text" id="username" name="username">
						</th>
						<th>
							<input type="text" id="ema" name='email'>
						</th>	
					</tr>
					<tr >
						<td>
							主题
						</td>
					</tr>
					<tr >
						<th colspan="2" style="width:100%;">
							<input type="text" id="tit" name="title">
						</th>	
					</tr>
					<tr >
						<td>
							内容<font color="red">*</font>
						</td>
					</tr>
					<tr >
						<th colspan="2" style="width:100%;">
							<textarea name="content" id="con" cols="30" rows="10"></textarea>
						</th>
					</tr>
					<tr>
						<th></th>
						<th class="tijiao">
						
							<button id="sub" type="submit">发送</button>
							<button type="button" id="close">返回</button>
						</th>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<!--footer-->
	<footer>
				<!----商业合作咨询邮件----------->
				<div class="email_container">
					<section class="cooper_email">
						<h1>商业合作相关咨询,请发邮件给我们</h1>
						<h3>输入您的邮箱并点击订阅,我们会及时推送更新和新服务</h3>

						<form action="" method="post" id="subscribeForm">
							<div class="email_input">
								<input type="text" name="e_mail" id="e_mail" value="" />
								<input id="subscribe" type="submit" value="订阅" />
							</div>
						</form>

						<!--<div id="subscribeForm">
							<div class="email_input">
							<input type="text" name="e_mail" id="e_mail" value="" />	
							<input id="subscribe" type="submit" value="订阅"/>
							</div>								
						</div>-->

					</section>
				</div>
				<!---------社区及相关-->
				<div class="revevance_container">
					<section class="revevance_con">
						<section class="chain_row">
							<section class="row_left">
								<li><a href="###">社区</a></li>
								<li><a href="###">博客</a></li>
								<li><a href="###">新闻</a></li>
								<li><a href="###">帮助中心</a></li>
								<li><a href="###">关于我们</a></li>
							</section>
							<section class="row_right">
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
							</section>
						</section>
						<p>Copyright © 2014 - 2016 Slightech, Inc. All Rights Reserved. 苏ICP备15025307号-1</p>
					</section>
				</div>
			</footer>
	
	
		</div>
	</body>
	<script src="../build/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../build/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			////////////美国
			$(".locat_USA").mousemove(function(){
				$(".locat_USA>.detail").slideDown(function(){
					$(".locat_USA").mouseleave(function(){
						$(".locat_USA>.detail").slideUp();
						$(".locat_beijing").css("display","block");
						$(".locat_wuxi").css("display","block");
						$(".locat_beijing>.location").css("background-image","url(../img/about_icon@2x.png)");
				$(".locat_wuxi>.location").css("background-image","url(../img/about_icon@2x.png)");
					});
					$(".locat_beijing>.detail").css("display","none");
					$(".locat_wuxi>.detail").css("display","none");
				});
				$(".locat_beijing>.location").css("background-image","url(../img/about_gray_icon@2x.png)");
				$(".locat_wuxi>.location").css("background-image","url(../img/about_gray_icon@2x.png)");
					
			});
			
		/////////////北京	
			$(".locat_beijing").mousemove(function(){
				$(".locat_beijing>.detail").slideDown(function(){
					$(".locat_beijing").mouseleave(function(){
						$(".locat_beijing>.detail").slideUp();
						$(".locat_USA").css("display","block");
						$(".locat_wuxi").css("display","block");
						$(".locat_USA>.location").css("background-image","url(../img/about_icon@2x.png)");
				$(".locat_wuxi>.location").css("background-image","url(../img/about_icon@2x.png)");
					});
						$(".locat_USA>.detail").css("display","none");
						$(".locat_wuxi.detail").css("display","none");
				});
				$(".locat_USA>.location").css("background-image","url(../img/about_gray_icon@2x.png)");
				$(".locat_wuxi>.location").css("background-image","url(../img/about_gray_icon@2x.png)");
			});
			
//			 /////////////无锡
			
			$(".locat_wuxi").mousemove(function(){
				$(".locat_wuxi>.detail").slideDown(function(){
					$(".locat_wuxi>.detail").mouseleave(function(){
						$(".locat_wuxi>.detail").slideUp();
						$(".locat_USA").css("display","block");
						$(".locat_beijing").css("display","block");
						$(".locat_USA>.location").css("background-image","url(../img/about_icon@2x.png)");
				$(".locat_beijing>.location").css("background-image","url(../img/about_icon@2x.png)");
					});
						$(".locat_USA.detail").css("display","none");
						$(".locat_beijing.detail").css("display","none");
				});
				$(".locat_USA>.location").css("background-image","url(../img/about_gray_icon@2x.png)");
				$(".locat_beijing>.location").css("background-image","url(../img/about_gray_icon@2x.png)");
			});			
			$(".mask>img").click(function(){
		$("#emailinfo").slideDown();
		$("#cover").show();
	});
	$("#close").click(function(){		
		$("#emailinfo").slideUp();
		$("#cover").css("display","none");
	});
	//表单验证
	function check(){
		var regemail= /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
		if(!($("#username").val())){
			alert("姓名不能为空!")		
			return false;
		}
		if(!($("#ema").val())){
			alert("邮箱不能为空!")
			return false;
		}
		if(!(regemail.test($("#ema").val()))){
			alert("请输入有效邮箱!")
			return false;
		}
		if(!($("#con").val())){
			alert("内容不能为空!")
			return false;
		}
	};
		$("#sub").click(function(){
		return check();
	});
	$("#product").mouseenter(function(){
			$(".product-updown").slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#help").mouseenter(function(){
			$(".help-updown").slideToggle("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#cooperation").mouseenter(function(){
			$(".cooperation-updown").slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#language").mouseenter(function(){
			$('.language-updown').slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#login").mouseenter(function(){
			$('.login-updown').slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
		});
		})
		function getDivs(str){
		return document.querySelectorAll(str);
		}
		var teamtab = getDivs("#teamTab>li");
		var tabcon = getDivs(".tabCon>div");
		for(var i = 0; i < teamtab.length; i++){
		teamtab[i].biaoji = i;
		teamtab[i].onclick = function(){
			
			for (var j = 0; j < teamtab.length; j++) {
				teamtab[j].className = null;
				tabcon[j].className = null;
			}
			this.className = "current";
			tabcon[this.biaoji].className = "show";
		}
	}
	</script>
</html>
